.tags-view-container {
    z-index: 10;
    position: fixed;
    top: 56px;
    background-color: #EBECED;
    .tags-view-wrapper {
        .tags-view-item {
            position: relative;
            margin-top: 10px;
            margin-right: 8px;
            height: 34px;
            width: 164px;
            background-color: #D9DADB;
            color: #5E5F61;
            font-size: 14px;
            font-weight: 400;
            overflow: hidden;
            text-overflow: ellipsis;
            &:not(.home-tag) {
                padding-right: 28px!important;
            }
            &:hover {
                background-color: #CDCED1!important;
                .close-img {
                    display: inline-block;
                }
            }
            &:first-of-type {
                margin-left: 16px!important;
            }
            &.home-tag {
                width: 74px;
                text-align: center;
            }
            &.active {
                color: #0E0E0F!important;
                font-weight: 700!important;
                .close-img {
                    display: inline-block;
                }
            }
            .close-img {
                display: none;
                position: absolute;
                top: 11px;
                right: 16px;
                width: 12px;
                height: 12px;
                background-image: url('../icons/img/close.png');
                background-size: 100% 100%;
                &:hover {
                    background-image: url('../icons/img/close-hover.png');
                }
            }
        }
    }
}
